<!--<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
  body div{
		  width:1800px;
		  height:200px;
		  border:1px solid #999;
		  background-color:#999;
		  text-align:center;
	  }
      a{text-decoration:none;
	  color:#FFF;
	  padding:30px 30px;
	  margin:8px;
	  }
	  a:hover{color:blue;}
	  .kasda a:hover{color:#FF0;
	       background-color:#900;} 
</style>
</head>
<body>
<div>
  <img src="7章素材/01 上机练习素材/练习1：QQ会员页面导航/img/logo.png" width="290" height="180"> <a href="#">功能特权</a>
 <a href="#">游戏特权</a>
 <a href="#">生活特权</a>
 <a href="#">会员活动</a>
 <a href="#">成长体系</a>
 <a href="#">年费专区</a>
 <a href="#">超级会员</a>
 <a href="#">游戏特权</a>
 <a href="#" style=" border:1px #FFFF00 solid; border-radius:20px; padding:8px ; display:inline-block;">登录</a>
 <a href="#" style=" border:1px #FFFF00 solid; border-radius:20px; padding:8px ; display:inline-block;" c>开通超级会员</a>
</div>
</body>
</html>
-->
<!--<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
  body div{
		  width:1500px;
		  height:18000px;
		  border:1px solid #999;
		  background-color:#999;
		  text-align:center;
	  }
      a{text-decoration:none;
	  color:#FFF;
	  padding:30px 30px;
	  margin:8px;
	  }
	  a:hover{color:blue;}
	  .kasda a:hover{color:#FF0;
	       background-color:#900;} 
</style>
</head>
<body>
<div>
  <img src="7章素材/01 上机练习素材/练习1：QQ会员页面导航/img/logo.png" width="290" height="180"> <a href="#">功能特权</a>
 <a href="#">游戏特权</a>
 <a href="#">生活特权</a>
 <a href="#">会员活动</a>
 <a href="#">成长体系</a>
 <a href="#">年费专区</a>
 <a href="#">超级会员</a>
 <a href="#">游戏特权</a>
 <a href="#" style=" border:1px #FFFF00 solid; border-radius:30px; padding:10px ; display:inline-block;">登录</a>
 <a href="#" style=" border:1px #FFFF00 solid; border-radius:30px; padding:10px ; display:inline-block;" c>开通超级会员</a>
</div>
</body>
</html>
-->
<!--<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
  body div{
		  width:1900px;
		  height:200px;
		  border:1px solid #999;
		  background-color:#999;
		  text-align:center;
	  }
      a{text-decoration:none;
	  color:#FFF;
	  padding:30px 30px;
	  margin:8px;
	  }
	  a:hover{color:blue;}
	  .kasda a:hover{color:#FF0;
	       background-color:#900;} 
</style>
</head>
<body>
<div>
  <img src="7章素材/01 上机练习素材/练习1：QQ会员页面导航/img/logo.png" width="290" height="180"> <a href="#">功能特权</a>
 <a href="#">游戏特权</a>
 <a href="#">生活特权</a>
 <a href="#">会员活动</a>
 <a href="#">成长体系</a>
 <a href="#">年费专区</a>
 <a href="#">超级会员</a>
 <a href="#">游戏特权</a>
 <a href="#" style=" border:1px #FFFF00 solid; border-radius:25px; padding:8px ; display:inline-block;">登录</a>
 <a href="#" style=" border:1px #FFFF00 solid; border-radius:25px; padding:8px ; display:inline-block;" c>开通超级会员</a>
</div>
</body>
</html>-->
<!--<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
  body div{
		  width:1500px;
		  height:200px;
		  border:1px solid #999;
		  background-color:#999;
		  text-align:center;
	  }
      a{text-decoration:none;
	  color:#FFF;
	  padding:30px 30px;
	  margin:8px;
	  }
	  a:hover{color:blue;}
	  .kasda a:hover{color:#FF0;
	       background-color:#900;} 
</style>
</head>
<body>
<div>
  <img src="7章素材/01 上机练习素材/练习1：QQ会员页面导航/img/logo.png" width="290" height="180"> <a href="#">功能特权</a>
 <a href="#">游戏特权</a>
 <a href="#">生活特权</a>
 <a href="#">会员活动</a>
 <a href="#">成长体系</a>
 <a href="#">年费专区</a>
 <a href="#">超级会员</a>
 <a href="#">游戏特权</a>
 <a href="#" style=" border:1px #FFFF00 solid; border-radius:30px; padding:8px ; display:inline-block;">登录</a>
 <a href="#" style=" border:1px #FFFF00 solid; border-radius300px; padding:8px ; display:inline-block;" c>开通超级会员</a>
</div>
</body>
</html>-->
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
  body div{
		  width:1800px;
		  height:200px;
		  border:1px solid #999;
		  background-color:#999;
		  text-align:center;
	  }
      a{text-decoration:none;
	  color:#FFF;
	  padding:30px 30px;
	  margin:8px;
	  }
	  a:hover{color:blue;}
	  .kasda a:hover{color:#FF0;
	       background-color:#900;} 
</style>
</head>
<body>
<div>
  <img src="7章素材/01 上机练习素材/练习1：QQ会员页面导航/img/logo.png" width="290" height="180"> <a href="#">功能特权</a>
 <a href="#">游戏特权</a>
 <a href="#">生活特权</a>
 <a href="#">会员活动</a>
 <a href="#">成长体系</a>
 <a href="#">年费专区</a>
 <a href="#">超级会员</a>
 <a href="#">游戏特权</a>
 <a href="#" style=" border:1px #FFFF00 solid; border-radius:20px; padding:8px ; display:inline-block;">登录</a>
 <a href="#" style=" border:1px #FFFF00 solid; border-radius:20px; padding:8px ; display:inline-block;" c>开通超级会员</a>
</div>
</body>
</html>